<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转提示</title>
<style type="text/css">
*{ padding: 0; margin: 0; }
body{font-family: '微软雅黑';  font-size: 16px; }
.system-message{width: 600px;margin: 200px auto 0;text-align: center;border: 1px solid #CCCCCC;padding: 100px 30px;}
.error span{color: red;}
h1{font-size: 60px;}
.jump{margin: 30px 0;}
</style>
</head>
<body>
<div class="system-message">
<h1>sorry!</h1>
<?php if(isset($message)) {?>
<p class="error">错误原因:<span><?php echo($message); ?></span></p>
<?php }else{?>
<p class="error">错误原因:<span><?php echo($error); ?></span></p>
<?php }?>
<p class="detail"></p>
<p class="jump">
<b id="wait"><?php echo($waitSecond); ?></b> 秒后页面将自动跳转
</p>
<div>
    <a id="href" id="btn-now" href="<?php echo($jumpUrl); ?>">立即跳转</a> 
    <!--<button id="btn-stop" type="button" onclick="stop()">停止跳转</button>--> 
    <!--<a id="href" id="btn-now" href="<?php echo(U('Public/logout')); ?>">重新登录</a>--> 
</div>
</div>
<script type="text/javascript">
(function(){
 var wait = document.getElementById('wait'),href = document.getElementById('href').href;
 var interval = setInterval(function(){
       var time = --wait.innerHTML;
       if(time <= 0) {
           location.href = href;
           clearInterval(interval);
       };
     }, 1000);
  window.stop = function (){
         console.log(111);
            clearInterval(interval);
 }
 })();
</script>
</body>
</html>